﻿<script type="text/javascript">
    $(document).ready(function () {

        var CityProvince = 'Enter City/Province';

        $('#cityprov').val(CityProvince).addClass('watermark');
        $('#cityprov').blur(function () {
            if ($(this).val().length == 0) {
                $(this).val(CityProvince).addClass('watermark');
            }
        });
        $('#cityprov').focus(function () {
            if ($(this).val() == CityProvince) {
                $(this).val('').removeClass('watermark');
            }
        });
    });
</script>

<div id="mainContent" class="container_12">            
	<img class="images_banner" alt="" src="@Url.Content("~/Content/Home/image/askpldt_banner.jpg")"/>
	<a class="back-arrowNav" id="lnkBack" title="Back to Quick Self-care Transactions" href="/Home">
    <img class="unit" alt="" src="@Url.Content("~/Content/Home/image/arrow.gif")"/>
    Back to Quick Self-care Transactions</a>
    <h3 class="menu_title">Payment Channel</h3>
    @using (Ajax.BeginForm("PaymentChannel", "Home", new AjaxOptions
    {
        HttpMethod = "Post",
        InsertionMode = InsertionMode.Replace,
        UpdateTargetId = "loadPaymentChannel"
    }))
    {
        <div class="menu_content">
            <div><input type="text" id="cityprov" name="city_province" /></div>
            <div><span class="help-block font_style_i span_move">example: Manila, Pasig, Madaluyong</span></div>

            <input class="button_example" type="submit" name="submit" id="submit" value=" Submit "/>
        </div>
        
    }

    <div id="loadPaymentChannel">
        @Html.Partial("_PaymentChannel")
    </div>
</div>
<div class="clear"></div>